<template>
	<view class='main-container'>
    <view class="ks" v-if="kaoshis.length==0">暂无考试安排</view>
    <view class='kaoshi' v-for="(item,index) in kaoshis" :key="index">
      <view class="top">{{item.kcmc}}</view>
      <view class='jiaoshi'><text>{{item.jsmc}}</text></view>
      <view class='time'><text>{{item.ksqssj}}</text></view>
    </view>
</view>
</template>

<script>
	import utils from "../../static/js/utils.js"
	export default {
		data() {
			return {
				kaoshis:[
					
				]
			}
		},
		methods: {
			
		},
		onLoad() {
			let that = this;
			utils.loading("加载中...");
			utils.get("news/getks",{},function(data){
				that.kaoshis = data;
			})
		}
	}
</script>

<style>
page {
  background-color: #f4f4f4;
}

.main-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.main-container .kaoshi {
  width: 92%;
  height: 200upx;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 30upx;
}

.main-container .kaoshi .top {
  font-size: 30upx;
  color: black;
  text-align: center;
  width: 100%;
  height: 60upx;
  line-height: 60upx;
  font-family: 'FangSong';
}

.main-container .kaoshi .jiaoshi {
  font-size: 43upx;
  text-align: center;
  color: red;
  width: 100%;
  height: 100upx;
  line-height: 100upx;
  font-family: 'Arial';
}

.main-container .kaoshi .time {
  font-size: 26upx;
  color: #666;
  text-align: center;
  width: 100%;
  height: 40upx;
  line-height: 40upx;
  font-family: "Arial"
}

.ks {
  margin-top: 150upx;
  font-size: 30upx;
}

</style>
